<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>喵喵-个人中心</title>
    <link rel="stylesheet" href="css/miao.css"/>
    <link rel="stylesheet" href="css/common.css"/>
</head>
<body>
<div id="top"></div>
<div id="main">
    <div class="affix">
        <h4>用户中心</h4>
        <ul>
            <li class="active"><a href="#my-order-container">我的订单</a></li>
            <li><a href="#buy-stat-container">消费统计(canvas版)</a></li>
            <li><a href="#buy-stat-container-svg">消费统计(SVG版)</a></li>
        </ul>
    </div>
    <div class="container">
        <!-- 我的订单 -->
        <div class="active"  id="my-order-container">
            <table id="order-table">
                <thead>
                <tr>
                    <th>订单信息</th>
                    <th>收货人</th>
                    <th>订单金额</th>
                    <th>
                        <select id="">
                            <option value="m1">最近一个月</option>
                            <option value="m3">最近三个月</option>
                            <option value="m6">最近半年</option>
                        </select>
                    </th>
                    <th>
                        <select id="">
                            <option value="0">全部状态</option>
                            <option value="1">等待付款</option>
                            <option value="2">派货中</option>
                            <option value="3">订单完成</option>
                        </select>
                    </th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <!--<tr>
                    <td colspan="6">
                        订单编号：14578963254123
                        <a href="#">喵喵自营</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#"><img src="img/prod1.jpg" /></a>
                        <a href="#"><img src="img/prod2.jpg" /></a>
                    </td>
                    <td>qiangdong</td>
                    <td><br>在线支付</td>
                    <td>2015-4-15<br>12:15:23</td>
                    <td>等待付款</td>
                    <td>
                        <a href="#">查看</a><br/>
                        <a href="#">查看订单</a><br/>
                        <a href="#">确认收货</a><br/>
                    </td>
                </tr>-->
                </tbody>
            </table>
        </div>
        <!-- 消费统计(canvas版) -->
        <div id="buy-stat-container">
            <canvas id="canvas-buy-stat">
                您的浏览器不支持Canvas绘图！
            </canvas>
        </div>
        <!-- 消费统计(SVG版) -->
        <div id="buy-stat-container-svg">消费统计(FC版)</div>
    </div>
</div>
<div id="bottom"></div>

<!--模态登录对话框-->
<div class="modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <h4>用户登录</h4>
            <p class="alert">
                请在此处输入您的注册信息。
            </p>
            <form id="login-form">
                <input type="text" placeholder="请输入登录用户名" name="uname" value="miaomiao">
                <input type="password" placeholder="请输入登录密码" name="upwd" value="123456">
                <input type="button" value="提交登录信息" id="bt-login">
            </form>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/fusioncharts.js"></script>
<script src="js/fusioncharts.charts.js"></script>
<script src="js/login.js"></script>

<script src="js/product_b.js"></script>
</body>
</html>